<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 
<%@taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>

<style>

#cdiTable th{
	width: 70px;
}

table.tablesorter tbody td {
	color :rgb(71, 115, 255)
}
</style>

<div >



<h2>客訴案件數管報及列表統計 - 待辦事項</h2>
<input type="button" onclick="javascript:history.back()" value="回上一層報表">

<table border="1" id="cdiTable" class="tablesorter"  style="width: 1000px;"> 	
	<thead>
	<tr>
	 <th style="width: 30px;">序號 </th>
	 <th>客訴單號</th>	
	 <th>狀態</th>
	 <th>工作序號</th>
	 <th>工作內容</th>	 
	 <th>權責人員 </th>
	 <th>預計完成日期</th>
     <th>實際完成日期 </th>
     <th>主管確認</th>
</tr>
</thead>
	
	<tbody>
	
	<c:forEach var="todo" items="${todoList}" varStatus="status" >
	
	<tr>
	 <td>${status.index+1 }       </td>	
	 <td> ${todo.CDIID } </td>
	 <td> ${todo.stateType5 } </td>	  
	 <td> ${todo.seq } </td>
	 <td> ${todo.jobContent5 } </td>
	 <td> ${todo.serveUser5 } </td>
	 <td> ${todo.planFinishDate5}</td>
	 <td> ${todo.realFinishDate5} </td>
	 <td> ${todo.leaderCheck5} </td>
</tr>
	</c:forEach>
	</tbody>
</table>

</div>

<script>
$(function() {
	$("#cdiTable").tablesorter({
		//widgets: ['zebra']
		}); 
})

</script>
